<template>
	<div id="container">
		<header>
			<van-nav-bar
			  title="预付款详情"
			  left-text="返回"
			  left-arrow
			  @click-left="onClickLeft"
			/>
		</header>
		<div id="content">
		<!-- advance-show -->
		<div class="advance-show">
			<h2>当前预付款</h2>
			<h1>0</h1>
			<h3>什么是预付款？</h3>
		</div>
		<!-- advance-item -->
		<div class="advance-item">
			<van-icon name="edit" />
			<h3>怎么可以没有预付款</h3>
			<h4>没钱也任性</h4>
		</div>

			
			
			
			
		</div>
	</div>
</template>

<script>
	
	export default{
		name:'Advance',
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
h1,h2,h3{
	padding: 0;
	margin: 0;
}
#container{
	height: 100vh;
	background: #f3f3f3;
}
/* --------------------advance-header----------------- */
header .van-nav-bar{
	height:47px;
	background: #f65050;
}
header .van-nav-bar__title{
	font-size:18px;
	font-weight:600;
	font-family:"楷体";
	color:#fefafb;
}
.van-nav-bar__text,.van-nav-bar__arrow{
	color:#fefafb;
	font-size:16px;
}
header .van-nav-bar__text{
	font-family: "楷体";
	font-weight:500;
}
/* -------------------advance-content-show------------ */
.advance-show{
	height: 138px;
	background:#f65050;
	overflow: hidden;
}
.advance-show h2,h1,h3{
	color: #ffffff;
	font-weight: 500;
	font-family: "楷体";
}
.advance-show h2{
	margin: 17px 0px 28px 42px;
	font-size: 15px;
}
.advance-show h1{
	margin: 0px 0px 19px 42px;
	font-size:30px;
}
.advance-show h3{
	margin-left:270px;
	font-size: 13px;
}
/* -------------------advance-tab----------------- */
.advance-item {
	text-align: center;
}
.advance-item .van-icon-edit{
	font-size: 150px;
	color: #c0c4c7;
	margin-top:120px;
}
.advance-item h3{
	font-family: "楷体";
	font-size: 20px;
	color: #2b2b2b;
	font-weight: 600;
}
.advance-item h4{
	font-family: "楷体";
	font-size: 15px;
	color: #989898;
}
</style>
